이벤트 전파 08. 이벤트 위임 📌 8-1 이벤트 전파란? 이벤트가 생성된 시점에서 이벤트의 전파 과정으로 3가지 과정인 캡처링, 타깃, 버블링 과정으로 구분된다. 캡처링: 상위 요소에서 발생한 이벤트가 하위 요소 방향으로 전파되는 과정 타깃: 실제로 이벤트가 발생한 대상 버블링: 하위 요소에서 발생한 이벤트가 상위 요소 방향으로 전파되는 과정 📌 8-2 이벤트 전파 과정 각각의 자식과 부모 태그 요소에 이벤으를 등록해서 ... 이벤트 전파이벤트 위임DOMEventDOM DEEP DIVE 두 장 요약 (이벤트 ⑵ , event) 이벤트 핸들러가 바인딩된 DOM 요소 내가 클릭한 이벤트 객체를 동적으로 가리키는 ① e.target은 querySelector로 선택한 $checkbox를 가리키고 있기 때문에 그대로 해당 요소 태그를 보여줍니다. 내가 클릭한 이벤트 객체의 타깃의 현재 제일 상위 태그를 나타내는 ② currentTarget은 querySelector로 선택한 $checkbox가 제일 상위 태그이므로 해당 ... JavaScriptjs이벤트 전파Eventdeep dive이벤트 캡처링이벤트 위임이벤트 버블링이벤트 타깃Event
08. 이벤트 위임 📌 8-1 이벤트 전파란? 이벤트가 생성된 시점에서 이벤트의 전파 과정으로 3가지 과정인 캡처링, 타깃, 버블링 과정으로 구분된다. 캡처링: 상위 요소에서 발생한 이벤트가 하위 요소 방향으로 전파되는 과정 타깃: 실제로 이벤트가 발생한 대상 버블링: 하위 요소에서 발생한 이벤트가 상위 요소 방향으로 전파되는 과정 📌 8-2 이벤트 전파 과정 각각의 자식과 부모 태그 요소에 이벤으를 등록해서 ... 이벤트 전파이벤트 위임DOMEventDOM DEEP DIVE 두 장 요약 (이벤트 ⑵ , event) 이벤트 핸들러가 바인딩된 DOM 요소 내가 클릭한 이벤트 객체를 동적으로 가리키는 ① e.target은 querySelector로 선택한 $checkbox를 가리키고 있기 때문에 그대로 해당 요소 태그를 보여줍니다. 내가 클릭한 이벤트 객체의 타깃의 현재 제일 상위 태그를 나타내는 ② currentTarget은 querySelector로 선택한 $checkbox가 제일 상위 태그이므로 해당 ... JavaScriptjs이벤트 전파Eventdeep dive이벤트 캡처링이벤트 위임이벤트 버블링이벤트 타깃Event